<template>
    <qly-base-page :title="$t('common.announcementInquiry')" ref="skyBasePageRef" type="data"
                   bg-page-color="#f5f5f5" padding="18rpx 0 0">
        <tr-card v-for="(item,index) in 10" :key="index" margin="12rpx 24rpx 18rpx" border-radius="12rpx" @tap="toNoticeInfo">
            <view class="datetime-text">
                {{ $t('common.releaseDate') }}：2022-01-01 00:00:00
            </view>
            <view class="desc-text">
                测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
                测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
            </view>
        </tr-card>
    </qly-base-page>
</template>
<script setup>

const toNoticeInfo=()=>{
    qly.page.open('/pages/my/notice/info')
}
</script>
<style scoped lang="scss">
.datetime-text{
    color: #767a82;
    margin-bottom: 12rpx;
}
.desc-text{
    font-size: 32rpx;
    //文本三行显示
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
}
</style>
